<%@ page language="java" import="java.util.*" contentType="text/html"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>调研问卷作答</title>
		 <link rel="stylesheet" href='<c:url value="/share/bootstrap.min.css"></c:url>'> 
		 <script src='<c:url value="/js/jquery.min.js"></c:url>'></script>
		<script src='<c:url value="/js/bootstrap.min.js"></c:url>'></script>
		<script src='<c:url value="/js/all.js"></c:url>'></script> 
		<script type="text/javascript" src='<c:url value="/js/boot.js"></c:url>'></script>
		<script type="text/javascript"
		src='<c:url value="/js/rqfui/rqfui.js"></c:url>'></script>
		<style type="text/css">
			.Examination_list{
				margin: 20px 0px;
			}	
			 .Examination_list>li{
				text-align: left;
				padding: 15px;
				margin: 20px 0;
				border: 1px solid #494949;
				list-style-type:none;
			}
			.Examination_list>li:nth-child(1){
				margin-top: 0;
			}
			.Examination_list>li:nth-last-child(1){
				margin-bottom: 0;
			}
			.Examination_list_title{
				border: 1px solid #a4a4a4;
				padding: 6px 12px;
				color: #295c96;
			}
			.Examination_list_title>span{
			    color: #9A9A9A;
			    padding-left:20px;
			}
			.Examination_list_content{
				border: 1px solid #a4a4a4;
				padding: 10px 25px;
				margin-top: 10px;
			}
			.Examination_list_content>li{
				width: 100% !important;
				position: relative;
	    		overflow: hidden;
	    		padding: 4px 0;
			}
			.Examination_list_content>li>input{
				float: left;
				margin-right: 10px;
			}	
			.home_content_01 {
			    margin-top: 5% !important;
			    margin-bottom: 5% !important;
			    padding: 10px;
			    background: #fff;
			    box-shadow: 0 1px 2px grey; 
			}
			.home_content_01>button{
				margin-bottom: 40px;
				margin-top: 20px;
				padding: 10px 195px; 
				font-family: '微软雅黑';
				font-size: 22px;
				color: #FFF;
				background-color: #1e519f;
				margin-left: calc(50% - 234px);
			}
			.center_01 {
			    max-width: 1190px;
			    padding: 0px;
			    margin: 0 auto;
			}
			.firstline{
				display: inline;
				float: left;
			}
			
		</style>	
	</head>
	<body >
			
		<div class="home_content_01 center_01">
				<div style="margin:0 77px;">		
					<div class="firstline" style="width: 8%;margin-bottom: 20px;">
						<img src='<c:url value="/share/images/diaoyan_03.png"></c:url>' />
					</div>
					<div class="firstline" style="width: 80%;margin-top: 25px; ">
						<div style="text-align: center; font-size:18px; font-family: '微软雅黑';color: #2d60b0;" id="name">
						</div>
						<div style="text-align: left;padding: 20px ;line-height:22pt;color: #888888;" id="direction">
						</div>
					</div>
					<div class="firstline" style="width: 12%;color: #1e519f;margin-top: 25px;" >
						<a href="#" style="text-decoration: none;">返回消息列表>></a>
					</div>
				</div>	
				<img class="wenjuantijiao_image" src='<c:url value="/share/img/wenjuantijiao_03.png" ></c:url>' />
		</div>
	</body>
	<script type="text/javascript">
	var rootPath = '${rootPath}';
	var paperId = '${paperId}';
	$(function(){
		getMap();
	})
	function getMap(){
		var url = rootPath + "/surveyPaper/map/" + paperId;
		$.ajax({
			url : url,
			method : "post",
			dataType : "json",
			data : {},
			success : function(data) {
				if (data) {
					$("#direction").html(data.direction);
					$("#name").html(data.name);
				} else {
					//alert("获取信息失败！");
				}
			},
			error : function() {
				mini.alert("失败！");
			}
		});
	}
	</script>
</html>
